<template>
  <div class="container-top">
    <div class="addcourse-top">
      <div>编辑课程</div>
      <div class="step">
        <el-steps :active="active" finish-status="success">
          <el-step title="课程信息"></el-step>
          <el-step title="线下盒子"></el-step>
          <el-step title="作业描述"></el-step>
        </el-steps>
      </div>
    </div> 
  </div>
</template>
<script>
// import UE from '@/common/editor/editor.vue'
export default {
  props:{
    active: {
      type: Number,
      default: 0
    }
  },
   data() {
      return {
        // val: '编辑器默认文字',
        // configEditor: {
        //   initialFrameWidth: 800,
        //   initialFrameHeight: 320
        // },
      }
    },

    methods: {
      
    },
    components: {
      // UE
    }
}
</script>
<style lang="scss" scoped>
.container-top{
  padding: 20px;
  background: #f6f6f6;
  .addcourse-top{
    width: 100%;
    height: 155px;
    background:#fff;
    position: absolute;
    left: 20px;
    top: 20px;
  }
  .step{
    width: 640px;
    margin: 30px auto;
  }
  
}

</style>